<!DOCTYPE html>
<html lang="en">
	<head>
		<title>three.js webgl - OBJLoader2 usage options</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<link type="text/css" rel="stylesheet" href="main.css">
		<!-- <link type="text/css" rel="stylesheet" href="/css/mui.min.css"> -->
		<style>
			#glFullscreen {
				width: 100%;
				height: 100vh;
				min-width: 640px;
				min-height: 360px;
				position: relative;
				overflow: hidden;
				z-index: 0;
			}
			#example {
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background-color: #000000;
			}
			#feedback {
				color: darkorange;
			}
			#dat {
				user-select: none;
				position: absolute;
				left: 0;
				top: 0;
				z-Index: 200;
			}
			body {
				color: #444;
				background: #eee;
			}
			a {
				color: #08f;
			}
			.colorPicker {
				display: inline-block;
				margin: 0 10px
			}
		</style>

	</head>

	<body>
		<div id="glFullscreen">
			<canvas id="example"></canvas>
		</div>
		<div id="dat" class="dg ac"></div>
		<div id="info">
			<div id="feedback"></div>
			<img src="/models/Tesla_Model_3_2018_obj/timg.jpg" style="width: 50px;height: 50px;border-radius:5px"></img>
			<img src="/models/Tesla_Model_3_2018_obj/timg.jpg" style="width: 50px;height: 50px;border-radius:5px"></img>
			<span class="colorPicker"><input id="body-color" type="color" value="#ff0000"></input><br/>车身</span>
			<!-- <span class="colorPicker"><input id="details-color" type="color" value="#ffffff"></input><br/>Details</span> -->
			<span class="colorPicker"><input id="glass-color" type="color" value="#ffffff"></input><br/>玻璃</span>
			
		</div>
		<script src="/build/JSZip.js" type="javascript"></script>
		<script src="/js/mui.min.js" type="javascript"></script>
		<!-- <script src="/tween.js" type="javascript"></script> -->
		<script type="module" src="index.js"></script>

	</body>
</html>
